<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>用户中心</title>
    <link rel="stylesheet" type="text/css" href="./css/api.css" />
    <link rel="stylesheet" type="text/css" href="./css/aui.css" />
    <link rel="stylesheet" type="text/css" href="./css/font-awesome.min.css" />
    <link rel="stylesheet" type="text/css" href="./css/style.css" />
    <script type="text/javascript" src="./script/api.js"></script>
    <script type="text/javascript" src="./script/aui-tab.js" ></script>
    <link rel="stylesheet" type="text/css" href="./css/aui-slide.css" />
    <script type="text/javascript" src="./script/aui-slide.js"></script>
    <script type="text/javascript">
        function closeWin(){
            api.closeWin({
            });
        };
    </script>
</head>
<body>
    <div class="user-t">
        <div class="aui-row">
            <div class="aui-col-xs-3 user-t-l">
                <a href=""><img src="image/user-t-l.png"></a>
            </div>
            <dl class="aui-col-xs-6 user-t-m">
                <dt>您好<span>bt526281365</span><span></span></dt>
                <dd><span class="fa fa-star-o"></span>普通会员</dd>
            </dl>
            <div class="aui-col-xs-3 user-t-r">
                <span class="fa fa-calendar-check-o"></span>
                <i></i>
                签到
            </div>
        </div>
        
        <!-- 未开通支付 -->
        <div class="user-t-d" style="display:none">
            <div class="user-t-d-t">
                开通哈尔滨银行存管账户,为您的账户保驾护航
                <span></span>
            </div>
            <div class="user-t-d-m">立即开通</div>
            <div class="user-t-d-d">
                开通上海银行存管账户即可获得200积分，
                <span>查看我的积分</span>
            </div>
        </div>
        
        <!-- 开通支付 -->
        <div class="user-t-d-y">
            <div class="user-t-d-y-t">
                资产总额(元)
                <p>12784.52</p>
            </div>
            <div class="user-t-d-y-d">
                <ul>
                    <li>
                        可用余额(元)
                        <p>1027.20</p>
                    </li>
                    <li>
                        昨日收益(元)
                        <i class="fa fa-question-circle"></i>
                        <p>1027.20</p>
                    </li>
                    <li>
                        累计收益(元)
                        <p>1027.20</p>
                    </li>
                </ul>
            </div>
        </div>

    </div>
    <div class="user-1">
        <ul class="aui-row">
            <li class="aui-col-xs-6" tapmode onclick="sh_bank_recharge()"><span class="fa fa-credit-card-alt"></span>充值</li>
            <li class="aui-col-xs-6" tapmode onclick="sh_bank_withdraw()"><span class="fa fa-money"></span>提现</li>
        </ul>
    </div>
    <div class="user-2">
        <ul class="aui-row">
            <li class="aui-col-xs-3" tapmode onclick="loan_list()">
                <p class="fa fa-file-text"></p>
                已投项目
            </li>
            <li class="aui-col-xs-3" tapmode onclick="my_repay_plan()">
                <p class="fa fa-calendar"></p>
                回款计划
            </li>
            <li class="aui-col-xs-3" tapmode onclick="my_fund()">
                <p class="fa fa-pie-chart"></p>
                资金统计
            </li>
            <li class="aui-col-xs-3" tapmode onclick="">
                <p class="fa fa-area-chart"></p>
                我的智投
            </li>
        </ul>
    </div>
    <div class="aui-content aui-margin-b-15">
        <ul class="aui-list aui-list-in">
            <li class="aui-list-item">
                <div class="aui-list-item-inner aui-list-item-arrow" tapmode onclick="recommend_friends()">
                    <div class="aui-list-item-title">邀请好友</div>
                    <div class="aui-list-item-right"></div>
                </div>
            </li>
            <li class="aui-list-item">
                <div class="aui-list-item-inner aui-list-item-arrow" tapmode onclick="red_packet_list()">
                    <div class="aui-list-item-title">我的红包</div>
                    <div class="aui-list-item-right">待使用：1</div>
                </div>
            </li>
            <li class="aui-list-item">
                <div class="aui-list-item-inner aui-list-item-arrow" tapmode onclick="">
                    <div class="aui-list-item-title">我的积分</div>
                    <div class="aui-list-item-right">100</div>
                </div>
            </li>
        </ul>
    </div>
    <div class="aui-content aui-margin-b-15">
        <ul class="aui-list aui-list-in">
            <li class="aui-list-item">
                <div class="aui-list-item-inner aui-list-item-arrow" tapmode onclick="">
                    <div class="aui-list-item-title">我要约标</div>
                    <div class="aui-list-item-right"></div>
                </div>
            </li>
            <li class="aui-list-item">
                <div class="aui-list-item-inner aui-list-item-arrow" tapmode onclick="">
                    <div class="aui-list-item-title">自动投标</div>
                    <div class="aui-list-item-right">已关闭</div>
                </div>
            </li>
            <li class="aui-list-item">
                <div class="aui-list-item-inner aui-list-item-arrow" tapmode onclick="">
                    <div class="aui-list-item-title">我的债转</div>
                    <div class="aui-list-item-right"></div>
                </div>
            </li>
        </ul>
    </div>
    <div class="aui-content aui-margin-b-15">
        <ul class="aui-list aui-list-in">
            <li class="aui-list-item">
                <div class="aui-list-item-inner aui-list-item-arrow" tapmode onclick="">
                    <div class="aui-list-item-title">站内信</div>
                    <div class="aui-list-item-right">4封未读</div>
                </div>
            </li>
        </ul>
    </div>
    <!-- foot -->
    <div class="foot-t"></div>
    <footer class="aui-bar aui-bar-tab" id="footer">
        <div class="aui-bar-tab-item aui-active" tapmode>
            <i class="aui-iconfont aui-icon-home" onclick="index()"></i>
            <div class="aui-bar-tab-label">首页</div>
        </div>
        <div class="aui-bar-tab-item" tapmode>
            <i class="aui-iconfont aui-icon-cert" onclick="licai_list();"></i>
            <div class="aui-bar-tab-label">投资理财</div>
        </div>
        <div class="aui-bar-tab-item" tapmode>
            <i class="aui-iconfont aui-icon-my" onclick="user()"></i>
            <div class="aui-bar-tab-label">我的账户</div>
        </div>
        <div class="aui-bar-tab-item" tapmode>
            <i class="aui-iconfont aui-icon-more" onclick="more_list()"></i>
            <div class="aui-bar-tab-label">更多</div>
        </div>
    </footer>

</body>
<script type="text/javascript">
    function openClub(){
        var delay = 0;
        if(api.systemType != 'ios'){
            // delay = 300;
        }
        api.openWin({
            name: 'club_win',
            url: './html/index_frm.html',
            bounces:false,
            delay: delay,
            slidBackEnabled:true,
            vScrollBarEnabled:false,
            progress:{
                type:"page"
            }
        });
    };
    apiready = function(){
        var tab = new auiTab({
        element:document.getElementById("footer")
        });
    };
    function index(){
        var delay = 0;
        if(api.systemType != 'ios'){
            // delay = 300;
        }
        api.openWin({
            name: 'index',
            url: './index.html',
            bounces:false,
            delay: delay,
            slidBackEnabled:true,
            vScrollBarEnabled:false,
            progress:{
                type:"page"
            }
        });
    };
    function licai_list(){
        var delay = 0;
        if(api.systemType != 'ios'){
            // delay = 300;
        }
        api.openWin({
            name: 'licai_list',
            url: './licai-list.html',
            bounces:false,
            delay: delay,
            slidBackEnabled:true,
            vScrollBarEnabled:false,
            progress:{
                type:"page"
            }
        });
    };
    // 更多
    function more_list(){
        var delay = 0;
        if(api.systemType != 'ios'){
            // delay = 300;
        }
        api.openWin({
            name: 'more_list',
            url: './more-list.html',
            bounces:false,
            delay: delay,
            slidBackEnabled:true,
            vScrollBarEnabled:false,
            progress:{
                type:"page"
            }
        });
    };
    // 已投项目
    function loan_list(){
        var delay = 0;
        if(api.systemType != 'ios'){
            // delay = 300;
        }
        api.openWin({
            name: 'loan_list',
            url: './loan-list.html',
            bounces:false,
            delay: delay,
            slidBackEnabled:true,
            vScrollBarEnabled:false,
            progress:{
                type:"page"
            }
        });
    };
    // 回款计划
    function my_repay_plan(){
        var delay = 0;
        if(api.systemType != 'ios'){
            // delay = 300;
        }
        api.openWin({
            name: 'my_repay_plan',
            url: './my-repay-plan.html',
            bounces:false,
            delay: delay,
            slidBackEnabled:true,
            vScrollBarEnabled:false,
            progress:{
                type:"page"
            }
        });
    };
    // 资金统计
    function my_fund(){
        var delay = 0;
        if(api.systemType != 'ios'){
            // delay = 300;
        }
        api.openWin({
            name: 'my_fund',
            url: './my-fund.html',
            bounces:false,
            delay: delay,
            slidBackEnabled:true,
            vScrollBarEnabled:false,
            progress:{
                type:"page"
            }
        });
    };
    // 红包
    function red_packet_list(){
        var delay = 0;
        if(api.systemType != 'ios'){
            // delay = 300;
        }
        api.openWin({
            name: 'red_packet_list',
            url: './red-packet-list.html',
            bounces:false,
            delay: delay,
            slidBackEnabled:true,
            vScrollBarEnabled:false,
            progress:{
                type:"page"
            }
        });
    };
    // 充值
    function sh_bank_recharge(){
        var delay = 0;
        if(api.systemType != 'ios'){
            // delay = 300;
        }
        api.openWin({
            name: 'sh_bank_recharge',
            url: './sh-bank-recharge.html',
            bounces:false,
            delay: delay,
            slidBackEnabled:true,
            vScrollBarEnabled:false,
            progress:{
                type:"page"
            }
        });
    };
    // 提现
    function sh_bank_withdraw(){
        var delay = 0;
        if(api.systemType != 'ios'){
            // delay = 300;
        }
        api.openWin({
            name: 'sh_bank_withdraw',
            url: './sh-bank-withdraw.html',
            bounces:false,
            delay: delay,
            slidBackEnabled:true,
            vScrollBarEnabled:false,
            progress:{
                type:"page"
            }
        });
    };
    // 推荐好友
    function recommend_friends(){
        var delay = 0;
        if(api.systemType != 'ios'){
            // delay = 300;
        }
        api.openWin({
            name: 'recommend_friends',
            url: './recommend-friends.html',
            bounces:false,
            delay: delay,
            slidBackEnabled:true,
            vScrollBarEnabled:false,
            progress:{
                type:"page"
            }
        });
    };
</script>
</html>